<template>
	<div>
		<ul>
			<li v-for="(item,index) in iconsList.data" :key="index">
				<div class="img">
					<img :src="item.imgUrl" alt="">
					<span>{{item.title}}</span>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
	export default {
		name: 'icons',
		data(){
			return{

			}
		},
		props:['iconsList'],


	}
</script>

<style scoped>
	div{
		height: 70px;
	}
	ul{
		list-style: none;
		display: flex;
		justify-content:space-around; 
		align-items: center;
		padding: 10px 0;
		
	}
	li div{
		width: 30px;
		height: 30px;
	}
	li div img{
		width: 100%;
		height: 100%;
	}
	li div{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	li div span{
		padding: 10px 0;
		white-space: nowrap;
		font-size: 16px;
	}

		
</style>
